{% extends "base.html" %}
{% block title %}My Blog{% endblock %}

{% block body %}
    <!-- 来自视图函数的数据对象: `home()` -->
    <div class="row">
        <div class="col-lg-9">
            <!-- Get Pagination object-->
            {% for post in posts.items %}
                <div class="row">
                    <div class="col-lg-12">
                        <h1>{{ post.title }}</h1>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        {{ post.text | truncate(255) | safe }}
                        <!-- Set the link for read more -->
                        <a href="{{ url_for('blog.post', post_id=post.id) }}">阅读更多</a>
                    </div>
                </div>
            {% endfor %}
        </div>
        <div class="col-lg-3">
            <div class="row">
                <h5>最新的文章</h5>
                <ul>
                    {% for post in recent %}
                        <!-- 设置最新文章的连接. -->
                        <li><a href="{{ url_for('blog.post', post_id=post.id
          ) }}">{{ post.title }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="row">
                <h5>热门标签</h5>
                <ul>
                    {% for tag in top_tags %}
                        <li><a href="{{ url_for('blog.tag', tag_name=tag[0].name) }}">{{ tag[0].name }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}